<template>
  <div class="oneToOneMore">
    <div class="head">
      <i class="iconfont head-icon" @click="comeBack">&#xe689;</i>
      希望工程一对一筛选
      <span class="shaixuan" @click="gooneToOneScreen"><i class="iconfont">&#xe64f;</i> 筛选</span>
    </div>
    <div class="titleImage">
      <div class="eventImage">
        <img src="../../images/findHome.png" alt="">
      </div>
      <div class="popupAbove"></div>
      <div class="titleText">
        <p class="screenEventTitle"><i class="iconfont">&#xe652;</i><span v-html="title"></span><i class="iconfont">&#xe651;</i></p>
        <p class="screenMiddle">仍待匹配对象还有</p>
        <p class="screenPeopleNum"><span>{{peopleNum}}</span> 人</p>
      </div>
    </div>
     <div style="text-align: left;margin-top: 3px;margin-bottom: 2px;" v-show="showSketch">
        <p style="text-indent: 2em;">
          {{eventAll.sketch}}
        </p>
     </div>
    <div class="screenList">
      <!--以下是列表部分-->


      <ul>
        <li @click="goOneToOneDonation(studentLists.id)" class="screenListOne" v-for="studentLists in studentList">
          <div class="oneImage">
            <img v-if="studentLists.photo != ''" :src="imageUrl.imageUrl + studentLists.photo" alt="">
            <img v-else-if="studentLists.sex == '男'" src="../../images/man.png" alt="">
            <img v-else-if="studentLists.sex == '女'" src="../../images/woman.png" alt="">
          </div>
          <div class="oneMessage" v-if="biunique_id == 'eb783144cf9e47f999708a67d48b576d'">
            <p>姓名：{{studentLists.name}}</p>
            <p>编号：{{studentLists.studentid}}</p>
            <p>性别：{{studentLists.sex}}</p>
            <p>高考成绩：{{studentLists.scoreGk}}</p>
            <p>录取院校：{{studentLists.colleges}}</p>
            <p>地区：{{studentLists.city}} {{studentLists.country}}</p>
          </div>
          <div class="oneMessage" v-else>
            <p>姓名：{{studentLists.name}}</p>
            <p>编号：{{studentLists.studentid}}</p>
            <p>性别：{{studentLists.sex}}</p>
            <p>年龄：{{studentLists.age}}岁</p>
            <p>地区：{{studentLists.city}} {{studentLists.country}}</p>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>

<style lang="scss" src='./oneToOneMore.scss'></style>
<script src="./oneToOneMore.js"></script>
